<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../public/common.css">
    <link rel="stylesheet" href="../public/public.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/shopcar.css">
</head>
<body>
        <!-- 顶部 -->
    <div class="head">
            <div class="head_note">受各地疫情防控影响，您购买的商品到货时间可能稍有延迟，感谢您的理解与支持。</div>
    
            <div class="head_top">
                <div class="head_topR fr">
                    <ul>
                        <li class="wel">
                            <span>您好，欢迎来到邮乐网！</span>
                        </li>
                        <li  id="userName"></li>
                        <li id="logout">注销</li>
                        <li class="h_login">
                            <a href="login.html">[请登录]</a>
                            <a href="register.html">[免费注册]</a>
                            <span>&nbsp;&nbsp;&nbsp;|</span>
                        </li>
                        <li class="h_myUle">
                            <span>我的邮乐v&nbsp;&nbsp;&nbsp;|</span>
                            <ul>
                                <li>我的订单</li>
                                <li>我的收藏</li>
                                <li>我的消息</li>
                            </ul>
                        </li>
                        <li class="h_phone">
                            <i class="iconfont icon-shouji i_p"></i>
                            <span>手机邮乐v&nbsp;&nbsp;&nbsp;|</span>
                            <p>
                                <img src="../static/img/uleapp.jpg" alt="">
                            </p>
    
                        </li>
                        <li>
                            <span>全部商品分类v&nbsp;&nbsp;&nbsp;|</span>
                        </li>
                        <li>
                            <span>网站地图v&nbsp;&nbsp;&nbsp;|</span>
                        </li>
                        <li class="h_help">
                            <span>帮助中心v&nbsp;&nbsp;&nbsp;|</span>
                            <ul>
                                <li>购物指南</li>
                                <li>支付帮助</li>
                                <li>配送方式</li>
                                <li>售后服务</li>
                                <li>关于邮乐</li>
                            </ul>
                        </li>
                        <li>
                            <i class="iconfont icon-dianhua i_p
                            "></i>
                            <span>11185</span>
                        </li>
                    </ul>
                </div>
            </div>
    </div>
        
        <!-- 头部购物过程 -->
    <div class="head_m">
        <div class="head_main clear_fix">
            <div class="logo">
                <a href="../index.html">
                    <img src="../static/img/pic1.jpg" alt="">
                </a>
            </div>
            <div class="process">
                <p>
                    <img src="../static/img/process.png" alt="">
                </p>
            </div>
        </div>
    </div>

        <!-- 购物车 -->
    <div class="car">
        <div class="goods clear_fix">
            <div class="goods_l">
                <span>邮乐商品</span>
            </div>
        </div>

        <!-- 购物车顶部 -->
        <div class="car_head">
            <div class="c_h">
                <ul>
                    <li class="check">
                        <!-- <input type="checkbox"> -->
                    </li>
                    <li class="name">商品信息</li>
                    <li class="price">单价</li>
                    <li class="count">商品数量</li>
                    <li class="total">价格合计</li>
                    <li class="action">操作</li>
                </ul>
            </div>
        </div>

        <!-- 购物车列表 -->
        <div class="car_list">
            <!-- <div class="list_main">
                <ul class="clear_fix">
                    <li class="check">
                        <input type="checkbox">
                    </li>
                    <li class="name">
                        <div class="name_p">
                            <a href="###">
                                <img src="http://pic.ule.com/pic/user_800130491/product/prd20200309/9fc79f5417b84afe_p800x800_m_m.jpg" alt="">
                            </a>
                            <a href="###" class="prod-name">菊花决明子茶 枸杞菊花金银花决明子牛蒡桂花 组合花茶熬夜花</a>
                        </div>
                    </li>
                    <li class="attr">
                        <p>规格：150克</p>
                    </li>
                    <li class="price">
                        <span>￥29.90</span>
                    </li>
                    <li class="count">
                        <div class="p_count">
                            <input type="number" value="1" min="1">
                        </div>
                    </li>
                    <li class="total">
                        <span>￥29.90</span>
                    </li>
                    <li class="action">
                        <p>删除</p>
                    </li>
                </ul>
            </div> -->
        </div>
        
        <!-- 全选 -->
        <div class="cart-foot">
            <span>
                <input type="checkbox">
                全选
            </span>
            <a href="###">清空购物车</a>
        </div>

        <!-- 总数总价 -->
        <div class="num clear_fix">
            <span>商品总数：<strong class="num1">1</strong></span>
            <span>商品总价：<strong class="tot">00</strong></span>
            <span class="numR settlement"><a href="###">去结算</a></span>
            <span class="numR"><a href="goods.html">继续购买</a></span>
        </div>
    </div>

        <!-- 最近浏览 -->
    <div class="l_product">
        <div class="top clear_fix">
            <div class="left act">热销商品</div>
            <div class="right">最近浏览</div>
        </div>
        <div class="cont">
            <ul>
                <li class="list1">热销商品</li>
                <li class="list2">最近浏览</li>
            </ul>
        </div>

    </div>


        <!-- 底部 -->
    <div class="footer" id="footer">
        <div class="footer_top">
            <ul class="clear_fix">
                <li>
                    <h4>购物指南</h4>
                    <p>
                        <a href="###">购物流程</a>
                        <a href="###">使用优惠券</a>
                        <a href="###">积分规则</a>
                        <a href="###">如何找回密码</a>
                        <a href="###">订单多包裹配送</a>
                        <a href="###">热搜词榜</a>
                        <a href="###">在线服务</a>
                        <a href="###">品牌大全</a>
                    </p>
                </li>
                <li>
                    <h4>支付帮助</h4>
                    <p>
                        <a href="###">邮乐卡支付</a>
                        <a href="###">网上银行支付</a>
                        <a href="###">账户余额支付</a>
                        <a href="###">聚合支付</a>
                        <a href="###">发票说明</a>
                    </p>
                </li>
                <li>
                    <h4>配送方式</h4>
                    <p>
                        <a href="###">海外购物配送</a>
                        <a href="###">签收拒收规则</a>
                        <a href="###">配送时间/范围/运费</a>
                    </p>
                </li>
                <li>
                    <h4>售后服务</h4>
                    <p>
                        <a href="###">退换货规则</a>
                        <a href="###">退款说明</a>
                        <a href="###">联系客服</a>
                        <a href="###">退换货流程</a>
                        <a href="###">退换货运费补偿标准</a>
                        <a href="###">纠纷申诉处理了规则说明</a>
                    </p>
                </li>
                <li>
                    <h4>特色服务</h4>
                    <p>
                        <a href="###">邮掌柜</a>
                        <a href="###">邮乐海外站</a>
                        <a href="###">手机充值</a>
                    </p>
                </li>
                <li>
                    <h4>关于邮乐</h4>
                    <p>
                        <a href="###">邮乐简介</a>
                        <a href="###">邮乐招商</a>
                        <a href="###">商家入驻</a>
                        <a href="###">商家中心</a>
                        <a href="###">友情链接</a>
                        <a href="###">用户协议</a>
                        <a href="###">隐私权保护</a>
                        <a href="###">网站地图</a>
                    </p>
                </li>
            </ul>
        </div>
        <div class="foot_license">
            出版物经营许可证编号：沪零字第L6687号&nbsp;&nbsp;&nbsp;酒类商品零售许可证：0318030103000002&nbsp;&nbsp;&nbsp;食品流通许可证：SP3101151560900563&nbsp;&nbsp;&nbsp;统一社会信用代码:913100006916203638
        </div>
    </div>
</body>
<script src="../libs/jquery.js"></script>
<script src="../js/shopcar.js"></script>
</html>